<!doctype html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/>
    <meta charset="UTF-8">
    <div style="display:none"><img src="/images/product-promotion/product-promotion-poster.png"></div>
    <title>禁飞区解禁申请</title>

    <link href="/css/vendor/common.css" type="text/css" rel="stylesheet">
    <link href="/css/ecalendar.css" type="text/css" rel="stylesheet">
    <link href="/css/vendor/page-control.css" rel="stylesheet" type="text/css">
    <link href="/css/vendor/cmp-controls.css" type="text/css" rel="stylesheet">
    <link href="/css/vendor/common-grid.less" rel="stylesheet/less" type="text/css">
    <link href="/css/vendor/nofly-request.less" type="text/css" rel="stylesheet/less">
    <script src="/js/less.min.js"></script>
</head>

<body>
<!-- 地图 -->
<div class="map-wrap">
    <div id="map"></div>
</div>

<!-- 地址搜索输入框 -->
<div class="place-box" place>
    <div class="switch-btn button" onClick="placeSearchM.changeMode(this)"></div>
    <input id="place-search-input" type="text" placeholder="可输入国家 、城市、机场名称等">
    <div id="coord-search-input">
        <p>纬度: </p><input class="lat" type="text">
        <p>经度: </p><input class="lon" type="text">
    </div>
    <p class="search-btn button" onClick="placeSearchM.clickSearch(this)">查 询</p>
</div>

<!-- 菜单 (Firefox浏览器table无法垂直居中，所以需要用个容器包起来)-->
<div class="menu-wrap">
    <table class="menu">
        <tr onClick="menuM.clickItem(this)"><td><p class="item">绘制解禁区</p></td></tr>
        <tr onClick="menuM.clickItem(this)"><td><p class="item">我的申请</p></td></tr>
        {% if show_approve %}
        <tr onClick="menuM.clickItem(this)"><td><p class="item">解禁申请审批</p></td></tr>
        {% endif %}
    </table>
</div>

<div class="page-mask-container" id="request-detail-mask" style="visibility: hidden;">
    <div class="request-detail-box">
        <div class="request-wrap">
            <h1 class="title">申请解禁禁飞区</h1>
            <div class="content-wrap">
                <div class="sub-0">
                    <h2>解禁区域信息:</h2>
                    <a id="map-screenshot-link" target="_blank"><img id="map-screenshot"></a>
                    <h2>解禁区域坐标:</h2>
                    <table class="coord" cellpadding="0" cellspacing="0">
                        <!--
                                                    <tr>
                                                        <td class="coord">经度</td>
                                                        <td class="coord">纬度</td>
                                                        <td>高度</td>
                                                        <td>位置</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="coord">113.023444566</td>
                                                        <td class="coord">22.6585688566</td>
                                                        <td>N/A</td>
                                                        <td>左下</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="coord">113.0234445</td>
                                                        <td class="coord">22.65856885</td>
                                                        <td>N/A</td>
                                                        <td>左上</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="coord">113.0234445</td>
                                                        <td class="coord">22.65856885</td>
                                                        <td>N/A</td>
                                                        <td>右上</td>
                                                    </tr>
                                                    <tr>
                                                        <td class="coord">113.0234445</td>
                                                        <td class="coord">22.65856885</td>
                                                        <td>N/A</td>
                                                        <td>右下</td>
                                                    </tr>
                        -->
                    </table>
                </div>
                <div class="sub-1">
                    <table class="request-info" cellpadding="0" cellspacing="0">
                        <!--
                                                    <tr><th>项目名称:</th><td><input type="text" value="123456789"></td></tr>
                                                    <tr><th>联系电话:</th><td><input type="text" value="123456789"></td></tr>
                                                    <tr><th>公司全称:</th><td><input type="text" value="123456789"></td></tr>
                                                    <tr><th>起始时间:</th><td><input type="text" value="123456789" data-attr="date"><label class="triangle"></label></td></tr>
                                                    <tr><th>结束时间:</th><td><input type="text" value="123456789" data-attr="date"><label class="triangle"></label></td></tr>
                                                    <tr>
                                                        <th>申请文件:</th>
                                                        <td>
                                                            <div class="cmp-upload-file-btn-wrap">
                                                                <div class="btn-h">
                                                                    <div class="icon"></div>
                                                                    <span>上传文件</span>
                                                                </div>
                                                                <input type="file">
                                                                <label class="name">未选择任何文件</label>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr><th class="des" valign="top">申请说明:</th><td class="des"><textarea rows="3">99999999</textarea></td></tr>
                        -->
                    </table>
                    <div class="btn-wrap">
                        <!--
                                                    <p class="cancel button">取 消</p>
                                                    <p class="comfirm button">确 定</p>
                        -->
                    </div>
                </div>
            </div>
        </div> <!-- .request-wrap -->
        <div class="sep-stick"></div>
        <div class="replay-wrap">
            <table class="info" cellpadding="0" cellspacing="0">
                <!--
                                    <tr>
                                        <th>审批状态</th>
                                        <td><select><option value="">请选择</option><option value="0">已提交</option><option value="3">已拒绝</option><option value="2">已通过</option></select></td>
                                    </tr>
                                    <tr><th class="des" valign="top">审批说明:</th><td class="des"><textarea rows="3"></textarea></td></tr>
                -->
            </table>

            <ul>
                <li><p class="comfirm button" onClick="noflyRequestListM.clickReplySubmit()">提 交</p></li>
                <li><p class="button" onClick="noflyRequestListM.clickReplyCancel()">取 消</p></li>
            </ul>
        </div>
    </div>
</div>

<div class="page-mask-container" id="request-list-mask" style="visibility: hidden;">
    <div class="multi-page-list" style="max-width: 926px;">
        <p class="main-title">解禁申请审批</p>
        <div id="list-condition-wrap" class="condition row clearfix">
            <div class="col-md-4 col-sm-6">
                <table>
                    <tr><th>名 &nbsp;称:</th><td><input name="name" type="text"></td></tr>
                    <tr>
                        <th>申请日期:</th>
                        <td><input name="created_at_start" data-attr="date">-<input name="created_at_end" data-attr="date" class="end"></td>
                    </tr>
                </table>
            </div>
            <div class="col-md-4 col-sm-6">
                <table>
                    <tr><th>审批状态:</th><td><select name="status"><option value="">请选择</option><option value="0">已提交</option><option value="3">已拒绝</option><option value="2">已通过</option></select></td></tr>
                </table>
            </div>
            <div class="col-md-4 col-sm-6">
                <table>
                    <tr><th>联系电话:</th><td><input name="phone" type="text"></td></tr>
                    <tr>
                        <td colspan="2">
                            <div id="list-reset-btn" class="btn-0 button">重置</div>
                            <div id="list-query-btn" class="btn-1 button">查 询</div>
                        </td>
                    </tr>
                </table>
            </div>
        </div>

        <div class="data-wrap">
            <div class="table-title-wrap">
                <table id="multi-page-header-table" class="title" cellpadding="0" cellspacing="0" border="0" bordercolor="#d8d8d8">
                </table>
            </div>
            <div class="table-data-wrap">
                <table id="multi-page-data-table" class="data" cellpadding="0" cellspacing="0" border="0" bordercolor="#d8d8d8">
                </table>
            </div>
        </div>
        <div class="page-control-container" id="page-control-wrap">
            <select style="visibility: hidden;" id="page-size-select"><option selected>30</option></select>
        </div>
    </div> <!-- .multi-page-list -->
</div> <!-- .page-mask-container -->
</body>

{% include 'template/baseMap.volt' %}libraries=drawing&{% include 'template/baseMapKey.volt' %}
<script src="/js/jquery.min.js"></script>
<script src="/js/Ecalendar.jquery.min.js"></script>
<script src="/js/html2canvas.min.js"></script>
<script src="/js/validator.min.js"></script>
<script src="/js/vendor/common.js"></script>
<script src="/js/vendor/page-control.js"></script>
<script src="/js/vendor/cmp-controls.js"></script>
<script src="/js/vendor/data-loading.js"></script>
<script src="/js/vendor/transform.js"></script>
<script src="/js/cos-js-sdk-v5.js"></script>
<script src="/js/vendor/upload-cos.js"></script>
<script src="/js/vendor/nofly-request.js"></script>
<script>

</script>

